@import 'public.css';

$headFontColor: #fcc800;
$zhutiColor: #11ecdd;
$tubHover: #2dc9dc;


.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1} 


@mixin line_clamp ($line) {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: $line;
	-webkit-box-orient: vertical;
}

@mixin clear_float{
	zoom:1;
	&:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
}

@mixin ALinkImg_block ($imgHeight) {
	overflow: hidden;
	a{
		display:block;
		width:100%;
		height:100%;
		>img{
			width: 100%;
			height: $imgHeight;
		}
	}
}

// @include line_clamp(2);

section#MaxCon{
	width: 750px;
	position: relative;
	
}


header#headerCon{
	width:100%;
	height: 410px;
	background-color:#f2b7b3;
	div.info{
		width: 100%;
		height: 280px;
		padding: 45px 30px 0;
		@include clear_float;
		div.headPhoto{
			float: left;
			width: 210px;
			height: 210px;
			border-radius: 50%;
			padding: 5px;
			background-color:#f7dfdd;
			@include ALinkImg_block(100%);
		}

		div.word{
			float: right;
			width: 460px;

			div.heOne{
				border-bottom:1px solid #fff;
				@include clear_float;
				div.name{
					float: left;
					font-size: 38px;
					color: #fff;
					padding-bottom:8px;

				}
				div.rank{
					float: right;
					font-size: 38px;
					color: #fae704;
					padding-bottom:8px;

					text-shadow: 2px 2px 2px #c94143;
				}
			}
			div.price{
				text-align: right;
				color: #ca3f44;
				font-size: 38px;
				margin-top: 30px;
				font-family: 'SimSun';
			}
		}
	}
	ul.infoList{
		width: 100%;
		height: 130px;
		background-color:rgba(255,255,255,0.2);
		padding:8px 0;
		@include clear_float;
		>li{
			float: left;
			width: 20%;
			height: 100%;
			text-align: center;
			color: #906763;
			border-left:1px solid #f1b8ad;

			div.name{
				font-size: 20px;
				line-height: 56px;
			}
			div.index{
				font-size: 26px;
				line-height: 50px;
			}
		}
		>li:nth-child(1){border-left:0px;}
	}
}


section.pubModo{
	width:100%;
	margin-top:20px;
	padding:0 30px 40px;
	background-color:#fff;
	>h3{
		font-size: 28px;
		color: #414141;
		line-height: 94px;
		border-bottom:1px solid #e5e5e5;
	}

}

ul.workExperience{
	width:100%;
	@include clear_float;

	>li{
		width: 16.66%;
		float: left;
		padding:30px 3px 0;

		div.time{
			text-align: center;
			font-size: 38px;
			color: #d29a67;
			i{
				font-size: 20px;
			}

		}
		div.timeLine{
			margin-top: 10px;
			width: 100%;
			background-color: #fef4eb;
			height: 26px;
			border-radius:6px;
			overflow: hidden;
			@include clear_float;
			span{
				display: block;
				float: left;
				height: 100%;
			}
			span.yes{
				background-color: #f1bab5;
			}
			span.no{
				background-color: rgba(0,0,0,0);
			}
		}
		div.formerlyTime{
			background-color:#e5e5e5;
		}
	}
}

div.Annotation{
	width:100%;
	font-size:24px;
	color: #666;
	padding-left:60px;
	margin-top:45px;
	position: relative;
	&:before{
		position: absolute;
		top: 5px;
		left: 0px;
		content: '!';
		width: 22px;
		height: 22px;
		font-size: 16px;
		text-align: center;
		line-height: 22px;
		color: #fff;
		background-color:#d7d7d7;
		border-radius:50%;
	}
	&:after{
		position: absolute;
		top: 5px;
		left: 30px;
		content: '';
		width: 22px;
		height: 22px;
		background-color:#f1bab5;
		border-radius:4px;
	}
}


div.photoCon{
	width:720px;
	overflow-y: hidden;
	overflow-x: auto;
	ul.photoList{
		margin: 40px 0;
		@include clear_float;
		>li{
			float: left;
			margin-right: 15px;
			width: 205px;
			height: 260px;
			border-radius:4px;
			overflow: hidden;
			position: relative;
			>img{
				width: 100%;
			}
			div.ind{
				width: 100%;
				height: 46px;
				text-align: center;
				line-height: 46px;
				position: absolute;
				bottom:0;
				left: 0;
				font-size: 20px;
				color: #fff;
				background-color:rgba(241,186,179,0.6);
			}
		}

	}
}